/*清除浮动*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

/*不可点击*/
.disabled {
    pointer-events: none;
    background: #ccc;
    color: #595959 !important;
}

/*文字超出省略号*/
.word_overflow {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.word_vertical {
    writing-mode: tb-rl;
    -webkit-writing-mode:vertical-rl;
}
.text-center {
    text-align: center;
}

/*隐藏*/
[v-cloak] {
    display: none;
}

/* 定位 */
.f-l {
    float: left;
}
.f-r {
    float: right;
}
/* 定位 */
.p-s {
    position: static;
}
.p-r {
    position: relative;
}
.p-a {
    position: absolute;
}
.p-f {
    position: fixed;
}
/* flex */
.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}
.flex-center-columm {
    @extend .flex-center;
    flex-direction: column;
}
.flex-space {
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.flex-space-columm {
    @extend .flex-space;
    flex-direction: column;
}
.flex-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.flex-between-columm {
    @extend .flex-between;
    flex-direction: column;
}
/* 背景 */


pointer:hover {
    cursor: pointer;
}

